<template>
  <ul flex>
    <li v-for="item in list">
      <template v-if="data[item].type === 1">
        <img src="../assets/images/red-packet-big.png" alt="">
        <span class="money">{{(data[item].redAmount || 0) / 100}}<span class="unit">元</span></span>
        <span>{{(data[item].redAmount || 0) / 100}}元</span>
      </template>
      <template v-else>
        <img :src="imgs[item - 1]" alt="">
        <span>{{item | cardType}}卡 x {{data[item].length}}</span>
      </template>
    </li>
  </ul>
</template>

<script>
export default {
  props: ['list', 'data', 'imgs']
}
</script>
